<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片插入</title>
</head>
<body>
<!-- 相对路径:从当前html文件出发去找资源
1)图片与html文件在同一个文件夹下,直接写图片全名 1.jpg
2)图片在下一级文件夹下,先写文件夹,再写图片全名 img/2.png
3)图片在上一级文件夹下,先../返回到上一级,再写图片全名 ../3.png
-->
<img src="1.jpg" alt="" title="这是一张五常大米的图片">
<img src="img/2.png" alt="">
<img src="../3.png" alt="">
<img src="../3.pg" alt="哎呀,图片走丢了">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///2CC07B43823040C8A43E282CCB60F670.png" alt="">
<img src="4.jpg" height="200px" alt="">
</body>
</html>